<template>
    <NuxtLayout>
        <NuxtPage></NuxtPage>
    </NuxtLayout>
</template>

<script setup lang="ts">
const appConfig = useAppConfig()
useHead({
    titleTemplate: (titleChunk) => {
        return titleChunk ? `${titleChunk} - ${appConfig.title}` : appConfig.title;
    },
    meta: [
        { name: 'charset', content: 'utf-8' },
        { name: 'description', content: appConfig.description },
        { name: 'keywords', content: appConfig.keywords },
    ],
    htmlAttrs: {
        lang: appConfig.defaultLang
    },
    link: [
        {
            rel: 'icon',
            type: 'image/icon',
            href: appConfig.favicon
        }
    ]
})

</script>